<template>
    <div class="nav">
        <router-link to='/'>商品</router-link>
        <router-link to='/evaluation'>评价</router-link>
        <router-link to='/marchant'>商家</router-link>
    </div>
        <router-view></router-view>
</template>

<script>
    export default {
        
    }
</script>

<style lang="less" scoped>
    .nav{
        width: 100%;
        height: 10.6667vw;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-bottom: 1px solid rgb(7 17 27 /.1);
        a{
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }
    }
</style>